<template>
  <BorderBox title="基本信息" :headerBottom="false">
    <template #main_info>
      <ga-descriptions
        :column="5"
        :align="{ label: 'right' }"
        :label-style="{ width: '70px' }"
        :value-style="{ width: '180px' }"
      >
        <ga-descriptions-item label="序列号">
          {{ info?.metadata?.labels || "-" }}
        </ga-descriptions-item>
        <ga-descriptions-item label="品牌">
          {{ info?.metadata?.annotations?.["katanomi.dev/displayName"] || "-" }}
        </ga-descriptions-item>
        <ga-descriptions-item label="合同编号"> 888888888888888 </ga-descriptions-item>
        <ga-descriptions-item label="采购人">
          {{ info?.spec?.access?.url || "-" }}
        </ga-descriptions-item>
        <ga-descriptions-item label="维修日期"> - </ga-descriptions-item>
        <ga-descriptions-item label="型号">
          {{ 888888888888888 || "-" }}
        </ga-descriptions-item>
        <ga-descriptions-item label="bios版本">
          {{ info?.spec?.secretRef?.name || "-" }}
        </ga-descriptions-item>
        <ga-descriptions-item label="设备供应商"> - </ga-descriptions-item>
        <ga-descriptions-item label="运维负责人"> - </ga-descriptions-item>
        <ga-descriptions-item label="上架">2015-04-25 </ga-descriptions-item>
      </ga-descriptions>
    </template>
  </BorderBox>
</template>

<script setup>
import { ref } from "vue";
</script>

<style lang="scss" scoped></style>
